<template>
	<div class="tableft">
		<ul class="list">
			<li @click="jump('main2_part1')">订单</li>
			<li @click="jump('part2')">销售</li>
			<li @click="jump('part3')">采购</li>
			<li @click="jump('part4')">资金</li>
			<li @click="jump('part5')">盘点</li>
			<li @click="jump('part6')">推广</li>
			<li @click="jump('part7')">下单</li>
		</ul>
	</div>
</template>

<script>
	export default {
		name: "tableft",
		methods: {
			//小优化
			jump(value){
				this.$router.push({
					name:value
				}).catch(err=>err)
			}
		}
	}
</script>

<style scoped="scoped">
	ul,
	li {
		list-style: none;
		margin: 0;
		padding: 0;
	}

	.tableft {
		width: 20px;
		font-size: 14px;
	}

	.list {
		text-align: center;
	}

	.list li {
		border-bottom: 1px solid lightblue;
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.list li:hover{
		background-color:lightblue;
		color:white;
	}
</style>
